#course-online {
  h2 {

    line-height: 3;
    font-size: 18px;
    background: white;
    font-weight: 900;
    margin: 10px 0;
    padding: 0 0 0 15px;
  }

  .course-online-status {

    .el-row {

      flex-flow: row wrap;

      .el-col {

        background: #fff;
        width: 50%;
        min-width: 475px;
        max-width: 630px;
        margin-bottom: 10px;


        &:nth-child(odd) {
          margin-right: 10px;

        }


        .course-online-info {

          display: flex;
          flex-flow: row;

          &>* {

            flex: 1;



            &.el-image-outer {




              .el-image {

                // width: 60%;


              }


            }


            &.course-online-des {

              height: 112px;

              background: #3B96BF;

              color: #fff;

              h3 {
                // display: inline-block;

                font-size: 18px;
                font-weight: 100;
                height: 36%;
                padding: 12px 12px;

                overflow: hidden;
                text-overflow: ellipsis;
                white-space: nowrap;


              }

              span {

                font-size: 16px;
                font-weight: 100;
                height: 36%;
                padding: 12px 12px;
              }
            }
          }



        }


        .el-steps {

          height: 64px;


          .el-step__icon-inner {

            font-size: 16px;
          }


          .el-step__main {

            .el-step__title {
              font-size: 12px;
              line-height: 24px;


            }


            .el-step__description {
              .el-link.el-link--primary {
                font-size: 12px;
                color: red;

              }


            }

          }


        }
      }
    }
  }

}